<template>
    <div class="loading">
        <div class="gif-wrap">
            <img src="/static/images/loading.gif">
        </div>
    </div>
</template>
<style lang="scss">
    .loading {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 99998;
        .gif-wrap {
            position: absolute;
            left: 50%;
            top: 40%;
            width: 48px;
            height: 48px;
            margin-left: -20px;
            background: rgba(0, 0, 0, 0.5);
            padding: 8px;
            box-sizing: border-box;
            border-radius: 4px;
        }
        .gif-wrap img {
            width: 100%;
        }
    }
</style>
